import React, { Fragment, useState } from 'react'
import { Button, Modal } from 'antd';
import ReactNbsp from 'react-nbsp'
import ImageCropping from '../../../../../components/imageCropping'

const LocalImageRecognition = function () {

  const [visible, setVisible] = useState(false)

  return (
    <Fragment>
      <Button size={'small'} type="primary" onClick={() => setVisible(true)}>图片裁剪</Button>
      <ReactNbsp />
      <Modal
        title="图片裁剪"
        visible={visible}
        width={'1030px'}
        destroyOnClose={true}
        onCancel={ () => setVisible(false) }
        footer={null}
      >
        <ImageCropping />
      </Modal>
    </Fragment>
  )
}

export default LocalImageRecognition